
/**
 *项目效果展示-Part1。
 */

addModule({
	name: "Bar Chart",

	config: {
		
		bar_chart_data: [],

		duration: null,
	},

	graphic: {
		opt: null
	},	

	/**
     * 本模块的初始化函数
	 */
	init : function() {
		// 调用: 将分镜 (子场景入口函数) 全部加到场景列表中去
		addSceneFunc("Bar-chart-scene", this.bar_stage, this.name, null);
	},
	
	bar_stage : function() {

        var opt = this.graphic.opt;
        if (opt == null) {
			this.graphic.opt = opt = {
				dataZoom: {
					show: false,
					start: 0,
					end: 100
				},
				xAxis: [],
				yAxis: [],
				series: [],
				grid: [],
			}
		}

		opt.xAxis.push({
			gridIndex: 0, 
			show: false
		});
		opt.yAxis.push({
			gridIndex: 0,
			show: false
		});
		opt.grid.push(
				{
        			x: '7%', 
        			y: '7%', 
        			width: 'auto', 
        			height: 'auto', 
        			show: false
        		}
		);
		opt.series.push({
                name: '占比项',
                type: 'pie',
                radius : '55%',
                center: ['50%', '50%'],
                selectedMode: 'single',
                xAxisIndex: 0,
            	yAxisIndex: 0,
                data: this.config.bar_chart_data,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            });


		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(this.graphic.opt);

		
		//结束函数
		addRenderFunc(this.name + "-end",function(){
            myChart.clear();
			endScene();
		},{
		   once : true,
		   delay : this.config.duration
		});
		

	}

});